.main-integral {
    width: 100%;
    height: 100vh;
    background-color: rgb(243, 241, 242);
    position: relative;
    .main-integral-header-exchangerecord {
        height: 1.2195121951219512rem;
        background-color: rgb(255, 255, 255);
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        padding: 0.24390243902439024rem;
        align-items: center;
        .main-integral-header-con {
            display: flex;
            flex-direction: row;
            align-items: center;
            .main-integral-header-con-span-one {
                font-size: 0.3902439024390244rem;
                font-weight: 800;
           }
            .main-integral-header-con-span-two {
                font-size: 0.3902439024390244rem;
                font-weight: 800;
                margin-left: 0.14634146341463414rem;
           }
       }
        h4 {
            font-size: 0.43902439024390244rem;
            line-height: 0.8536585365853658rem;
       }
        img {
            width: 0.4878048780487805rem;
            height: 0.4878048780487805rem;
       }
   }
    .main-integral-balance {
        height: 3.268292682926829rem;
        background-color: rgb(191, 238, 246);
        display: flex;
        flex-direction: column;
        justify-content: center;
        align-items: center;
        line-height: 0.975609756097561rem;
        h3 {
            font-size: 0.3902439024390244rem;
       }
        h4 {
            font-size: 0.4878048780487805rem;
            letter-spacing: 0.14634146341463414rem;
       }
   }
    .main-integral-log {
        width: 100%;
        height: 2.4390243902439024rem;
        display: flex;
        flex-direction: row;
        justify-content: space-around;
        align-items: center;
        background-color: rgb(255, 255, 255);
        .main-integral-left {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img {
                width: 1.3414634146341464rem;
                height: 1.3414634146341464rem;
           }
            h3 {
                font-size: 0.3902439024390244rem;
                line-height: 0.5609756097560976rem;
           }
       }
        .main-integral-content {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img {
                width: 1.3414634146341464rem;
                height: 1.3414634146341464rem;
           }
            h3 {
                font-size: 0.3902439024390244rem;
                line-height: 0.5609756097560976rem;
           }
       }
        .main-integral-right {
            display: flex;
            flex-direction: column;
            justify-content: center;
            align-items: center;
            img {
                width: 1.3414634146341464rem;
                height: 1.3414634146341464rem;
           }
            h3 {
                font-size: 0.3902439024390244rem;
                line-height: 0.5609756097560976rem;
           }
       }
   }
    .main-integral-exchange {
        width: 100%;
        height: auto;
        background-color: rgb(255, 255, 255);
        margin-top: 0.24390243902439024rem;
        padding: 0rem !important;
        h4 {
            font-size: 0.2926829268292683rem;
            margin-left: 0.7804878048780488rem;
            text-align: center;
       }
        .main0integral-300-500-1000 {
            display: flex;
            flex-direction: row;
            justify-content: start;
            align-items: center;
            flex-wrap:wrap ;
            padding-bottom: 1.3170731707317074rem !important;
            .main-integral-exchange-list-content {
                display: flex;
                flex-direction: row;
                justify-content: space-between;
                padding: 0.4878048780487805rem;
                width: 100%;
                height: 1.951219512195122rem;
                border-bottom: 0.024390243902439025rem solid #ccc;
                align-items: center;
                position: relative;
                h4 {
                    text-align: start;
                    margin-left: 0rem !important;
                    color: rgb(30,30,30);
                    line-height: 0.6585365853658537rem;
                    position: absolute;
                    bottom: 0rem;
                    right: 0.4878048780487805rem;
               }
                .main-integral-exchange-left-content {
                    display: flex;
                    flex-direction: column;
                    h3 {
                        font-size: 0.3902439024390244rem;
                        color: rgb(36, 36, 36);
                   }
               }
                .main-integral-exchange-list-contentx{
                    font-size: 0.43902439024390244rem;
                    width: 3.8048780487804876rem;
                    text-align: center;
               }
                .main-integral-exchange-right-content {
                    width: 2.1219512195121952rem;
                    height: 0.7560975609756098rem;
                    background: rgb(240, 241, 240);
                    border-radius: 0.4878048780487805rem;
                    text-align: center;
                    align-items: center;
                    display: flex;
                    flex-direction: row;
                    span {
                        width: 100%;
                        text-align: center;
                        line-height: 0.7560975609756098rem;
                        color: rgb(69, 167, 211);
                        align-items: center;
                        font-size: 0.43902439024390244rem;
                        font-weight: 500;
                   }
               }
           }
            .main-integral-exchange-count {
                display: flex;
                flex-direction: column;
                width: 100%;
                height: 3.1707317073170733rem;
                align-items: center;
                background: rgb(191, 239, 245);
                .main-integral-exchange-content {
                    height: 3.1707317073170733rem;
                    width: 100%;
                    display: flex;
                    flex-direction: row;
                    justify-content: space-between;
                    align-items: center;
                    position: relative;
                    .main-integral-exchange-left {
                        width: 40%;
                        display: flex;
                        flex-direction: row;
                        justify-content: end;
                        align-items: center;
                        h3 {
                            font-size: 0.2926829268292683rem;
                            width: 2.4390243902439024rem;
                            margin-left: 0.5853658536585366rem;
                       }
                        h4 {
                            font-size: 0.5365853658536586rem;
                            margin-left: 0rem !important;
                            font-weight: 500;
                       }
                   }
                    .main-integral-exchange-right {
                        display: flex;
                        flex-direction: row;
                        align-items: center;
                        width: 60%;
                        justify-content: center;
                        .main-integral-exchange-jf {
                            display: flex;
                            flex-direction: row;
                            width: 38%;
                            height: 0.43902439024390244rem;
                            line-height: 0.3902439024390244rem;
                            text-align: center;
                            align-items: center;
                            justify-content: space-around;
                            border-radius: 0.24390243902439024rem;
                            border: 0.024390243902439025rem solid skyblue;
                            margin-left: 0.0975609756097561rem;
                            box-shadow: -0.024390243902439025rem 0.04878048780487805rem 0.12195121951219512rem -0.24390243902439024rem rgba(0,0,0,0.75);
                            -webkit-box-shadow: -0.024390243902439025rem 0.04878048780487805rem 0.12195121951219512rem -0.24390243902439024rem rgba(0,0,0,0.75);
                            -moz-box-shadow: -0.024390243902439025rem 0.04878048780487805rem 0.12195121951219512rem -0.24390243902439024rem rgba(0,0,0,0.75);
                            img {
                                height: 0.2926829268292683rem;
                                width: 0.2926829268292683rem;
                                margin-left: 0.24390243902439024rem;
                           }
                            h5 {
                                font-size: 0.24390243902439024rem;
                                margin-right: 0.24390243902439024rem;
                                color: rgb(99, 173, 212);
                                margin-left: 0.07317073170731707rem;
                           }
                       }
                        .main-integral-exchange-jf:nth-child(2){
                            background: #fff;
                       }
                        .main-integral-exchange-jf:nth-child(1){
                       }
                   }
                    span {
                        position: absolute;
                        bottom: 0.5609756097560976rem;
                        right: 0.7317073170731707rem;
                        font-size: 0.24390243902439024rem;
                   }
               }
           }
            .main-integral-300 {
                margin-top: 0.34146341463414637rem;
                width: 45%;
                height: 2.4390243902439024rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border-radius: 0.24390243902439024rem;
                border: 0.04878048780487805rem solid rgb(27, 144, 198);
                line-height: 0.43902439024390244rem;
                margin-left: 0.24390243902439024rem;
                .main-integral-top {
                    display: flex;
                    flex-direction: row;
                    h4 {
                        font-size: 0.6341463414634146rem;
                        color: rgb(25, 144, 199);
                        font-weight: 700;
                        margin-left: 0rem !important;
                        line-height: 0.6829268292682927rem;
                   }
                    h5 {
                        margin-left: 0.12195121951219512rem;
                        font-size: 0.2926829268292683rem;
                        width: 1.0731707317073171rem;
                        flex-wrap: wrap;
                   }
               }
                .main-integral-bottom {
                    width: 2.4390243902439024rem;
                    height: 0.43902439024390244rem;
                    align-items: center;
                    background-color: rgb(25, 145, 198);
                    border-radius: 0.07317073170731707rem;
                    color: #fff;
                    margin-top: 0.1951219512195122rem;
                    line-height: 0.43902439024390244rem;
                    text-align: center;
               }
           }
            .main-integral-500 {
                margin-top: 0.24390243902439024rem;
                width: 45%;
                height: 2.4390243902439024rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border-radius: 0.24390243902439024rem;
                border: 0.04878048780487805rem solid rgb(27, 144, 198);
                line-height: 0.43902439024390244rem;
                margin-left: 0.4878048780487805rem;
                .main-integral-top {
                    display: flex;
                    flex-direction: row;
                    h4 {
                        font-size: 0.6341463414634146rem;
                        color: rgb(25, 144, 199);
                        font-weight: 700;
                        margin-left: 0rem !important;
                        line-height: 0.6829268292682927rem;
                   }
                    h5 {
                        margin-left: 0.12195121951219512rem;
                        font-size: 0.2926829268292683rem;
                        width: 1.0731707317073171rem;
                        flex-wrap: wrap;
                   }
               }
                .main-integral-bottom {
                    width: 2.4390243902439024rem;
                    height: 0.43902439024390244rem;
                    align-items: center;
                    background-color: rgb(25, 145, 198);
                    border-radius: 0.07317073170731707rem;
                    color: #fff;
                    margin-top: 0.1951219512195122rem;
                    line-height: 0.43902439024390244rem;
                    text-align: center;
               }
           }
            .main-integral-1000 {
                margin-top: 0.36585365853658536rem;
                width: 45%;
                height: 2.4390243902439024rem;
                display: flex;
                flex-direction: column;
                justify-content: center;
                align-items: center;
                border-radius: 0.24390243902439024rem;
                border: 0.04878048780487805rem solid rgb(27, 144, 198);
                line-height: 0.43902439024390244rem;
                margin-left: 0.24390243902439024rem;
                .main-integral-top {
                    display: flex;
                    flex-direction: row;
                    h4 {
                        font-size: 0.6341463414634146rem;
                        color: rgb(25, 144, 199);
                        font-weight: 700;
                        margin-left: 0rem !important;
                        line-height: 0.6829268292682927rem;
                   }
                    h5 {
                        margin-left: 0.12195121951219512rem;
                        font-size: 0.2926829268292683rem;
                        width: 1.0731707317073171rem;
                        flex-wrap: wrap;
                   }
               }
                .main-integral-bottom {
                    width: 2.4390243902439024rem;
                    height: 0.43902439024390244rem;
                    align-items: center;
                    background-color: rgb(25, 145, 198);
                    border-radius: 0.07317073170731707rem;
                    color: #fff;
                    margin-top: 0.1951219512195122rem;
                    line-height: 0.43902439024390244rem;
                    text-align: center;
               }
           }
       }
   }
    .main-integral-exchange-list-content .am-button{
        font-size: 0.24390243902439024rem;
        width: 1.4634146341463414rem;
        height: 0.7073170731707317rem;
        line-height: 0.7073170731707317rem;
        text-align: center;
   }
    .main-exchangerecore-amazon-service{
        position: absolute;
        z-index: 800;
        background: skyblue;
        width: 7.317073170731708rem;
        height: 5.073170731707317rem;
        top: 1.7560975609756098rem;
        left: 1.3902439024390243rem;
        padding: 0.24390243902439024rem;
        border-radius: 0.24390243902439024rem;
        box-shadow: 0.024390243902439025rem 0.4634146341463415rem 0.3902439024390244rem #888888;
        line-height: 0.6341463414634146rem;
        p {
            width: 100%;
            text-align: center;
       }
        h3 {
       }
        h4 {
            line-height: 0.6829268292682927rem;
            margin-top: 0.4878048780487805rem;
       }
        .main-exchangerecore-amazon-service-qd {
            display: flex;
            flex-direction: row;
            margin-top: 1.1219512195121952rem;
            justify-content: center;
            h2 {
                font-size: 0.4878048780487805rem;
           }
            h3 {
                font-size: 0.4878048780487805rem;
                margin-left: 0.4878048780487805rem;
           }
       }
   }
    .main-exchangerecore-lotte-servicew {
        position:fixed;
        top: 0;
        width: 7.317073170731708rem;
        height: 14.634146341463415rem;
        background: skyblue;
        z-index: 1000;
        left: 1.2195121951219512rem;
        top: 1.5853658536585367rem;
        border-radius: 0.12195121951219512rem;
        padding: 0.12195121951219512rem;
        box-shadow: 0.024390243902439025rem 0.4634146341463415rem 0.3902439024390244rem #888888;
        .app-main-email-start-lotte {
            margin-bottom: 0.1951219512195122rem;
            h4 {
                font-size: 0.4878048780487805rem;
                margin-left: 0.24390243902439024rem;
                margin-bottom: 0.0975609756097561rem;
           }
            p{
                font-size: 0.34146341463414637rem;
                width: 90%;
                margin-left: 0.4878048780487805rem;
                text-indent: 1em;
                line-height: 0.4878048780487805rem;
                color: #1638b3;
           }
            .am-list-item{
                width: 6.097560975609756rem;
                border-radius: 0.24390243902439024rem;
           }
       }
        .app-main-email-start-lotte-button {
            display: flex;
            flex-direction: row;
            justify-content: center;
            align-items: center;
            h3 {
                margin-right: 0.7317073170731707rem;
                font-size: 0.4878048780487805rem;
           }
            h4 {
                font-size: 0.4878048780487805rem;
           }
       }
   }
    .app-main-email-p{
   }
    .app-main-email-address{
        line-height: 0.975609756097561rem;
   }
}
